<!doctype html>
<html style="height:100%;">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="effect" content="{background:false,fox:true,loops:50,mode:10}">
    <title>VisualFox-FX | Demo</title>
    <script type="text/javascript" language="javascript" src="me.l1k3.app.fx.demo.DemoFX/me.l1k3.app.fx.demo.DemoFX.nocache.js"></script>
  	<style>
  		body {
  			background-color: #444;
  			padding: 0;
  			margin: 0;
  		}
  		
  		#fox {
  			position: relative;
  			width: 100px;
  			height: 100px;
  			background-color: yellow;
  			color: brown;
  			padding: 0;
  		}
  		
  		#info {
	  		position: absolute;
	  		bottom: 0;
	  		background-color: #000;
	  		padding: 0.2em 0.4em;
	  		font-size: 120%;
	  		color: #FFF;
	  		opacity: 0.75;
	  	}
	  	
	  	#fox .content {
	  		padding: 10px;
	  	}
  	</style>
  </head>
  <body>
  	<div id="fox"><div class="content">I'M AN HAPPY BLOCK</div></div>
  	<div id="info">Oh! Hi!</div>
  </body>
</html>